Nodemon工具 使用方法


Posted by mijouhsieh on 2023-04-06

解決痛點:
透過Node.js啟動server,在編輯器中若有修改,每次需重複步驟:

  1. 指令 ctrl + c 停止server,
  2. node app.js 再執行js檔重啟server,
  3. browser重新整理
    畫面才會更新

Nodemon-偵測開發者專案內的檔案,若有被修改,自動重啟server。所以重新整理browser,就可見修改後的畫面

安裝Nodemon

$ npm install -g nodemon
-g 是 -- global的縮寫,把nodemon套件安裝在電腦的全域(global)。

只要安裝1次,之後不同專案資料夾都不需再下載。

使用Nodemon

專案資料夾透過npm安裝 node.js, Express, nodemon

node -v //v18..14.0
npm -v //9.3.1
npm init -y //建立package.json 初始化成npm的專案
npm i express@4.16.4 //建立node_modules, package-lock.json

nodemon app.js //透過執行專案,可啟動伺服器

「載入 Express」、「設定路由」、「用來啟動伺服器」

const express = require('express') //載入套件
const app = express() //express套件在執行後存成變數app,使用app的方法
const port = 3000 //定義server相關變數
app.get('/',(req,res)=> {   //app.get設定路由
  res.send('<h1>HELLO THERE</h1>') //server回應給browser的內容,可見畫面
})
app.listen(port, ()=> {   //app.listen啟動並監聽 express server
  console.log(listening on http://localhost:${port}) //sever執行後,在終端機顯示
})

browser上url: localhost:3000可見內容HELLO THERE,即建立好專案。


#nodemon #restart server







Related Posts

How to build CICD with Jenkins as code based on container

How to build CICD with Jenkins as code based on container

Day 66

Day 66

F2E合作社|顏色通用類別|Bootstrap 5網頁框架開發入門

F2E合作社|顏色通用類別|Bootstrap 5網頁框架開發入門


Comments